<template>
  <div>
  <el-card class="box-card">
  <div slot="header" class="clearfix">
  <el-breadcrumb separator-class="el-icon-arrow-right">
    <el-breadcrumb-item :to="{ path: '/' }">首页</el-breadcrumb-item>
    <el-breadcrumb-item>粉丝数量</el-breadcrumb-item>
  </el-breadcrumb>  
  </div>
   <el-tabs v-model="activeName" type="card" @tab-click="handleClick">
    <el-tab-pane label="用户管理" name="first">
       <fans-photo/>
    </el-tab-pane>
    <el-tab-pane label="配置管理" name="second">
      <com-echarts/>
      <baidu-map/>
      <com-baidu-map/>
    </el-tab-pane>
  </el-tabs>
  <!-- 粉丝列表组件 -->
 
  </el-card>
  </div>
</template>

<script>
 import FansPhoto from './children/fans-photo'
 import ComEcharts from './children/com-echarts'
 import BaiduMap from './children/baidu-map' 
 import ComBaiduMap from './children/com-baidumap'
  export default {
   name:'fans',
   data () {
     return {
        activeName:'first'
     }
   },
   components: {
     FansPhoto,
     ComEcharts,
     BaiduMap,
     ComBaiduMap
   },
   created () {
     
   },
   methods: {
     handleClick(tab){
       console.log(tab.label)
     }
   }
  }
</script>
<style lang="less" scoped>
 .el-breadcrumb{
   font-size: 18px;
 }
</style>